// 注册页面2——填写风险问卷
import React, { useState } from 'react';
import axios from 'axios';
import { Link, useRouter } from 'next/router';
import welcomeStyles from '../styles/welcomePage.module.css';
import stepStyle from '../styles/steps.module.css';
import Questionnaire from '@/components/questionnaire';
import {
  AutoComplete,
  Button,
  Modal,
  Cascader,
  Checkbox,
  Col,
  Form,
  Input,
  InputNumber,
  Row,
  Select,
  Steps,
  Drawer,
} from 'antd';  
const RegisterPage2 = () => {
  const router = useRouter();
    const [open, setOpen] = useState(false);
  const showDrawer = () => {
    setOpen(true);
  };
  const onClose = () => {
    setOpen(false);
    router.push('/register3');
  };
 
  return (
    <div className={welcomeStyles.backgroundContainer}>   {/* 注册页面背景 */}
    <div className={stepStyle.customStepsContainer}>
    <Steps 
    current={1}
    items={[
      {
        title: '注册信息',
      },
      {
        title: '风险测评',
      },
      {
        title: '完成',
      },
    ]}
  />
  </div>
  <br />
  <br />
  <br />
  <br />
  <br />
  <br />
  <Button type="primary" onClick={showDrawer}>
       开始测评
      </Button>
      <Drawer title="风险测评问卷" onClose={onClose} open={open} width={600}>
        <Questionnaire />
      </Drawer>
    </div>
  );
};
export default RegisterPage2;